<!--
 * @Author: 何 海深 813936564@qq.com
 * @Date: 2024-03-27 19:52:30
 * @LastEditors: 何 海深 813936564@qq.com
 * @LastEditTime: 2024-03-27 21:00:24
 * @FilePath: \fgw-one-map-vue-v2\src\components\headerMenu\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <span class="header-menu">
    {{ props.title }}
  </span>
</template>
<script lang="ts" setup>
interface PropsType {
  title: string
}
const props = withDefaults(defineProps<PropsType>(), {
  title: '督办事项'
})
</script>
<style lang="scss" scoped>
.header-menu {
  display: block;
  width: 190vw * $Bw;
  height: 72vh * $Bh;
  /* width: auto;
  height: auto; */
  background: url('@/assets/images/components/headerMenu/bg_btn.png') no-repeat center;
  //background-color: red;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20vh * $Bh 20vw * $Bw;
  box-sizing: border-box;
  /*  .text { */
  color: white;
  font-size: 32vh * $Bh;
  /*   } */
}
</style>
